import Loadable from 'react-loadable';
import PageLoading from '../../components/PageLoading';

// import Empty from './Empty';
// import Forbidden from './Forbidden';
// import NotFound from './NotFound';
// import ServerError from './ServerError';

const Empty = Loadable({
    loader: () => import(/* webpackChunkName: "Empty" */ './Empty'),
    loading: PageLoading,
});

const Forbidden = Loadable({
    loader: () => import(/* webpackChunkName: "Forbidden" */ './Forbidden'),
    loading: PageLoading,
});

const NotFound = Loadable({
    loader: () => import(/* webpackChunkName: "NotFound" */ './NotFound'),
    loading: PageLoading,
});

const ServerError = Loadable({
    loader: () => import(/* webpackChunkName: "ServerError" */ './ServerError'),
    loading: PageLoading,
});

export { Empty, Forbidden, NotFound, ServerError };
